body, div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, select, textarea, p, blockquote, th, td, img ,iframe { margin:0; padding:0; }
table{ border-collapse:collapse; border-spacing:0; }
input,button,textarea,option { font:12px "\5b8b\4f53", Arial, Helvetica, sans-serif; }
ul, li, div{ list-style:none; border:0px; }
img{ border:0px; }
.clear{ font:0px/0px serif; display:block; clear:both; }
html{ -webkit-text-size-adjust: none; }
input{ outline:none; vertical-align:middle; margin:0; padding:0;}
button{ border:none; margin:0; padding:0;}
textarea{ resize:none; vertical-align:middle;}
select{ vertical-align:middle;}
a{ text-decoration:none; }
.json{ display:none;}
body:nth-of-type(1) input:focus,textarea:focus{ outline:none; }
body{ font:12px "\5b8b\4f53","Tahoma","Arial","Microsoft Yahei"; color:#333; background:#fff; position:relative; overflow-x:hidden;}
/*header*/
#header{ width:100%; height:32px; margin:0 auto; background-color:#f5f5f5; border-bottom:1px solid #e5e5e5;}
.header{ width:1000px; height:32px; margin:0 auto;}
.header ul{ float:left;}
.header li{ float:left; font: normal 12px/32px "\5b8b\4f53","Tahoma"; color:#666;}
.header li input{ width:90px; height:18px; float:left; border:1px solid #d7d7d7; margin:6px 5px 6px 0;}
.header li button{ width:39px; height:19px; float:left; border:0; margin:6px 3px; background:url(../images/sample_list2014/sample_list2014.png) no-repeat 0 0; cursor:pointer;}
.header li a{ color:#666; padding:0 5px;}
.header p{ line-height:32px; float:right; color:#dfdfdf; margin-right:-5px;}
.header p a{ display:inline-block; color:#666; padding:0 5px;}
.header p a.mobile{ padding-left:22px; background:url(../images/sample_list2014/sample_list2014.png) no-repeat -114px 0; color:#5b7648;}
.header li a:hover,.header p a:hover{ color:#f60; text-decoration:underline;}
/*adPosition*/
.adPosition{ width:1000px; margin:0 auto; overflow:hidden;}
.adPosition ul{ width:1010px; display:inline; float:left; margin:0px 0 0 -5px;}
.adPosition li{ display:block; float:left; padding:10px 5px 0 5px;}
.adPosition img,.adPosition embed{ float:left;}
/*top*/
.top{ width:1000px; height:83px; margin:0 auto; position:relative; z-index:9999;}
.top .logo{ position:absolute; left:0; top:12px;}
.top h1{ width:90px; height:50px; position:absolute; left:246px; top:20px; font-size:24px; font-family:"Microsoft Yahei","\5b8b\4f53"; color:#f60;  text-indent:14px; border-left:1px solid #e2e2e2; font-weight:normal;}
.top p{ width:540px; height:22px; position:absolute; left:436px; top:56px; color:#555; font-weight:bold;}
.top p a{ font-weight:normal; color:#706e6c; padding:0 6px;}
.top p a.keyword{ color:#f60;}
.top p a:hover{ color:#f60; text-decoration:underline;}
.search{ width:419px; height:38px; position:absolute; z-index:3; top:21px; left:263px; border:1px solid #c1c1c1; border-right:0;}
input.text{ width:350px; height:38px; display:block; position:absolute; line-height:38px; border:0px; background:#fff; color:#666; text-indent:10px; top:22px; left:333px; z-index:3; font-size:14px;}
.top button{ width:71px; height:40px; display:block; position:absolute; top:21px; left:683px; background:url(../images/sample_list2014/sample_list2014.png) no-repeat 0 -20px; cursor:pointer; z-index:3;}
.selectbox-wrapper{ width:68px; border:1px solid #cdcdcd; border-top:0; background:#fff; text-align:center; position:absolute; top:61px; left:263px; z-index:9999;}
.selectbox-wrapper ul li.selected,.selectbox-wrapper ul li.current{ background:#5b7648; color:#fff;}
.selectbox-wrapper ul li { padding-bottom:3px; width:68px; cursor:pointer; font-size:14px; line-height:18px; padding-top:3px; text-indent:20px; text-align:left;}
.selectbox { width:68px; height:36px; border:0; border-right:1px solid #d4d4d4; display:block; line-height:36px; font-size:14px; color:#666; z-index:10; position:absolute; top:23px; left:264px; text-indent:14px; cursor:pointer; background:#fff url(../images/sample_list2014/sample_list2014.png) no-repeat -74px -27px; }
.adRight{ position:absolute; left:800px; top:15px; z-index:1;}
.adRight a img{ width:200px; height:53px; float:left;}
/*nav*/
.nav{ width:1000px; height:37px; margin:0 auto; border-top:3px solid #5b7648; border-bottom:5px solid #f0f0f0;}
.nav p{ width:999px; float: left; border-right: 1px solid #dedede; border-bottom:1px solid #dedede; font:bold 16px/37px "Microsoft Yahei","simhei"; }
.nav p a{ color:#333; padding:0 19px; height:37px; border-left:1px solid #dedede; display:inline-block; text-align: center; }
.nav p a.focus{ color:#fff; background:#5b7648; border-left:1px solid #5b7648; }
.nav p a:hover{ color:#fff; background:#5b7648;}
/*sub*/
.website{ width:998px; height:36px; margin:0 auto; border:1px solid #e8e8e8; background:#fafafa; color:#e8e8e8;}
.website dt{ width:1000px; height:36px; float:left; text-indent:68px; background:url(../images/sample2014/sample2014.png) no-repeat -67px -101px; overflow:hidden; line-height:37px;}
.website dt a{ color:#4e4e4e; padding:0 6px;}
.website dt a:hover{ color:#f60; text-decoration:underline;}
.website dd{ width: 96px; height: 37px; display: block; float: right; margin-right:12px; line-height: 37px; color: #bfbfbf; position: relative; }
.website dd em{ width: 96px; height: 37px; display: block; position: absolute; z-index: 9; font: normal 12px/37px "Microsoft Yahei","simhei"; text-indent: 30px; background:url(../images/index/websiteicon.png) no-repeat -82px -1px; right:20px;}
.website dd em.nobg{ background: none; }
.website dd em a{ color: #333; }
.website dd .morebg{ width: 96px; height: 37px; position: absolute; z-index: 1; border: 1px solid #bbbbbb; border-bottom: 1px solid #f5f5f6; background:url(../images/index/websiteicon.png) #FFF no-repeat -82px -29px; right:20px;}
.website dd .morebg2{ width:96px; height:10px; position:absolute; top:30px; left:-21px; background-color:#fff; z-index:11; overflow:hidden;}
.website dd .morelist{ width: 184px; position: absolute; z-index: 8; border: 1px solid #bbbbbb; top: 32px; background: #fff; padding: 5px 2px; left:-22px;}
.website dd .morelist a{ width: 92px; height: 22px; display: block; float: left; text-align:center; margin: 3px 0; color: #333333; font: normal 12px/22px "\5b8b\4f53","Tahoma","Arial"; }
dl.website dd .morelist a:hover{ color: #535353; background: #e7e7e8; }
/*company name*/
.name{ width:1000px; height:138px; margin:15px auto 0; background:#5b7648;}
.name img{ width:180px; height:100px; float:left; margin:19px 30px 0;}
.name h1{ width:550px; height:40px; float:left; margin-top:50px; font:bold 28px/40px "Microsoft Yahei","\5b8b\4f53"; color:#fff; overflow:hidden;}
/*sampleList*/
.sampleList{ width:1000px; margin:5px auto 0;}
.sampleList ul{ width:1015px; float:left; margin-left:-15px;}
.sampleList li{ width:118px; height:150px; float:left; padding:5px; border:1px solid #e3e3e3; margin:15px 0 0 15px; display:inline;}
#sampic_main{ width: 970px; margin: 0px auto; }
#sampic_main_box{ width: 1000px; display: block; float: left;padding: 0px 1px; margin-left:-15px;}
#sampic_main_box ul{ width: 1015px; display: block; float: right; padding: 0px; }
#sampic_main_box ul li{width:118px; height:150px; float:left; padding:5px; border:1px solid #e3e3e3; margin:15px 0 0 15px; display:inline;}
/*company introduce*/
.introduce{ width:1000px; height:198px; margin:20px auto 0; background:url(../images/sample_list2014/introducebg.jpg) no-repeat;}
.introduce i{ width:555px; height:138px; float:left; margin:48px 0 0 29px; display:inline; color:#333; line-height:23px; text-indent:2em; overflow:hidden; font-style:normal;}
.introduce .contact{ width:345px; height:174px; float:left; margin:9px 0 0 50px; display:inline; color:#666; overflow:hidden;}
.introduce h3{ width:345px; height:42px; float:left; font:bold 18px/42px "Microsoft Yahei","\5b8b\4f53"; overflow:hidden;}
.introduce h3 a{ color:#333;}
.introduce span{ width:345px; height:22px; float:left; font:normal 15px/22px "Microsoft Yahei","Tahoma"; overflow:hidden;}
.introduce span a{ color:#666;}
/*line*/
.line{ width:100%; float:left; margin-top:26px; border-top:3px solid #dbdbdb;}
.lineBox{ width:1000px; height:110px; margin:0 auto; position:relative; z-index:1;}
.adPosition2{ width:1000px; margin:0 auto; overflow:hidden; border-top:3px solid #717171; position:absolute; left:0; top:-3px; z-index:2;}
.adPosition2 ul{ width:1010px; display:inline; float:left; margin:0px 0 0 -5px;}
.adPosition2 li{ display:block; float:left; padding:10px 5px 0 5px;}
.adPosition2 img,.adPosition2 embed{ float:left;}
/*foot*/
.footer {
	background-color:#242a37;
	padding:40px 0;
     margin-top: 20px;
   }
   .footer .foot {
	margin:0 auto;
	overflow:hidden;
	width: 1000px;
   }
   .footer .foot h2 {
	color:#999;
	font-size:18px;
	height:30px;
	font-weight:bold
   }
   .footer .foot h2 b {
	border-bottom:3px solid #5A7648;
	height:30px;
	display:inline-block
   }
   .footer .foot .foot-nav {
	width:445px;
	float:left
   }
   .footer .foot .foot-nav p {
	font-size:12px;
	color:#999;
	line-height:30px
   }
   .footer .foot .foot-nav p a {
	color:#999
   }
   .footer .foot .foot-nav p a:hover {
	color:#f90
   }
   .footer .foot .foot-nav p a img {
	margin-left:8px
   }
   .footer .foot .foot-nav .foot-img {
	overflow:hidden;
	width:calc(100% + 20px);
	background:url("https://webinar.zyzhan.com/images/copyright.png") no-repeat 0 0;
	background-size:auto 100%;
	margin-top:12px
   }
   .footer .foot .foot-nav .foot-img li {
	width:84px;
	height:33px;
	float:left;
	margin-right:9px;
   }
   .footer .foot .foot-nav .foot-img li a {
	display:block;
	height:33px;
	color:#333;
	border-radius:3px;
	overflow:hidden
   }
   .footer .foot .foot-txt {
	overflow:hidden;
	padding:15px 0 0 0
   }
   .footer .foot .foot-txt li {
	width:14%;
	float:left;
	font-size:12px;
	line-height:30px;
	height:30px;
	overflow:hidden
   }
   .footer .foot .foot-txt li a {
	color:#999
   }
   .footer .foot .foot-txt li a:hover {
	color:#5a7648
   }
   .footer .foot .hot-line {
	width:320px;
	height:260px;
	padding-top:10px;
	float:left;
	margin-left:25px;
	color:#999
   }
   .footer .foot .hot-line>b {
	display:block;
	font-size:30px;
	color:#fff;
	margin-top:20px
   }
   .footer .foot .hot-line span {
	display:block;
	font-size:12px;
	line-height:36px
   }
   .footer .foot .hot-line p {
	font-size:12px;
	line-height:28px;
	color: #999;
   }
   .footer .foot .hot-line p em{
    font-style: normal;
    font-size: 12px;
   line-height: 28px;
   width: 135px;
 display: inline-block;
 margin-right: 5px;
   }
   .footer .foot .hot-line p span{
   font-size: 12px;
   line-height: 28px;
    display: inline-block;
   }

   .footer .foot .hot-line p a {
	display:inline-block;
	width:18px;
	height:21px;
	vertical-align:top;
	margin-top:3px;
	background:url("http://www.chem17.com/images/Index/2019/main.png") no-repeat 100% -223px
   }
   .footer .foot .qr-code {
	float:right;
	padding-top:10px
   }
   .footer .foot .qr-code ul {
	margin-top:28px
   }
   .footer .foot .qr-code ul li {
	float:left;
	padding:0 0 0 5px
   }
   .footer .foot .qr-code ul li:first-of-type {
	padding-left:0
   }
   .footer .foot .qr-code ul li span {
	display:block;
	width: 80px;
	height:80px;
	background-color:#fff;
	border:8px solid #fff
   }
   .footer .foot .qr-code ul li span img {
	width:100%;
	height:100%
   }
   .footer .foot .qr-code ul li p {
	text-align:center;
	font-size:14px;
	color:#999;
	margin-top:16px
   }
   .copyright {
	color:#999;
	padding:15px 0;
	text-align:center;
	background-color:#1b1f29;
	font-size:14px
   }
   .copyright a {
	color:#999
   }
   .copyright a:hover {
	color:#ff6600
   }
/*goTop*/
.backHome{ width:54px;}
.backHome a{ width:38px; height:46px; display:block; float:left; background:#9dad91; text-align:center; font:normal 14px/20px "Microsoft Yahei","simhei"; color:#fff; padding:8px 8px 0 8px; margin:2px 0;}
.backHome a:hover{ background:#5b7648;}
.backHome a.guest,.backHome a.guest:hover{ background:url(../images/sample_list2014/sample_list2014.png) no-repeat 0 -123px; opacity: 0.6; filter:alpha(opacity=60);}
.backHome a.guest:hover{ opacity: 1; filter:alpha(opacity=100);}
.toTop{ width:54px; height:54px; position:fixed; _position:absolute; top:376px; _top:expression(eval(document.documentElement.scrollTop+318)); display:none;}
.toTop a,.toTop a:hover{ display:block; width:54px; height:54px; background:url(../images/sample_list2014/sample_list2014.png) no-repeat 0 -68px; opacity: 0.6; filter:alpha(opacity=60);}
.toTop a:hover{ opacity:1; filter:alpha(opacity=100);}
#goTop { position:fixed; _position:absolute; top:258px; display:block; right:20px;}
*html, * html body { background-attachment:fixed; }
*html #goTop { position:absolute; right:expression(eval(document.documentElement.scrollLeft+20)); top:expression(eval(document.documentElement.scrollTop+200));}